@charset "utf-8";
/* CSS Document */
.header{background: #33b5ff;}
.header .logo{margin-top: 9px;}
.logo h1{margin: 8px 0 0 10px; font-size: 20px; color: #fff;}
.logo h1 span{display: block; font-size: 14px; font-family: Arial; text-transform: uppercase; font-weight: normal;}
.header .phone{position: absolute; right: 34px; top: 0; color: #fff; z-index: 99999;}

.m-nav{z-index:9999; width: 805px; position: relative; }
.m-nav a:hover{text-decoration:none}
.m-nav .fir-ul{position:relative;z-index:2;font-size:0;text-align:right;height:76px;}
.m-nav .fir-ul .fir-li{position:relative;display:inline-block;*display:inline;*zoom:1;width:115px;z-index:9;text-align:center;background:url(../images/bg_nav_li.jpg) left top no-repeat;}
.m-nav .fir-ul .u-a{display:inline-block;*display:inline;*zoom:1;width:100%;height:76px;line-height:76px;color:#FFF;font-size:14px;z-index:11;cursor:pointer;font-family:'microsoft yahei';}
.m-nav .fir-ul .hover,
.m-nav .fir-ul .current .u-a{background:#0294e7;text-decoration:none;}
.m-nav .sec-ul{background:#0294e7;position:absolute;top:110px;top:76px;left:0;width:100%;font-size:0;text-align:center;font-family:'microsoft yahei'; display: none;}
.m-nav .sec-ul li{height:40px;line-height:40px;overflow:hidden;padding:0;}
.m-nav .sec-ul li a{display: block; overflow:hidden;color:#fff;font-weight:normal;font-size:14px;}
.m-nav .sec-ul li a:hover{background: #33b5ff;}

/**************** banner *****************/
.banner-box{position:relative;z-index:5;}
.m-focus-d{position:relative;height:530px;z-index:3;}
.m-focus-d .switchable-box{width:100%;height:530px;}
.m-focus-d .switchable-content li{width:100%;height:530px;text-align:center;overflow:hidden; text-indent:-999em;}
.m-focus-d .switchable-content li img{visibility:hidden;}
.m-focus-d .m-focus-prev,
.m-focus-d .m-focus-next{position:absolute;top:50%;z-index:25;width:55px;height:55px;margin-top:-28px;text-align:center;}
.m-focus-d .m-focus-prev {right:50%;margin-right:500px;background-position:left center;}
.m-focus-d .m-focus-next {left:50%;margin-left:500px;background-position:right center;}
.m-focus-d .m-focus-prev:hover,.m-focus-d .m-focus-next:hover{filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;-khtml-opacity: 0.8;}
.m-focus-d .pic-btn {position:absolute;bottom:15px;left:50%;width:1000px;margin-left:-500px;z-index:24;text-align:center;z-index:5}
.m-focus-d .pic-btn li {display:inline-block;*display:inline;*zoom:1;cursor:pointer;margin:0 5px;width: 70px; height: 4px; background: #fff; }
.m-focus-d .pic-btn li.active{ background: #0294e7;}

.news_box{height: 144px; background: url(../images/bg_news.jpg) left top repeat-y; color: #fff;}
.news_box h1{margin:28px 30px 0 0; line-height: 28px; width: 200px; font-size: 32px;}
.news_box h1 span{display: block; font-size: 14px; text-transform: uppercase;}
.news_box .text_box{width: 734px;}
.news_box .text_box h2{height: 70px; line-height: 70px; overflow: hidden;}
.news_box .text_box h2 a{font-size: 16px; color: #fff;}
.news_box .text_box h2 a:hover{text-decoration: underline;}
.news_box .text_box h2 span{font-weight: normal; font-size: 12px;}
.news_box .text_box .text{color: #9cf; text-indent: 2em; height: 48px; overflow: hidden;}
.news_box .look_more{margin: 72px 70px 0 0;}

.look_more{display: block; width: 106px; height: 35px; line-height: 35px; border: 1px solid #fff; color: #fff; border-radius: 20px; text-align: center; font-size: 14px; font-weight: bold;}
.bor_blue{border-color: #02a2fd; color: #039; margin: 30px auto 0;}
.look_more:hover{background: #fff; color:#02a2fd; }
.bor_blue:hover{background: #02a2fd; color: #fff;}

.animated{transition:all .4s; -webkit-transition:all .4s; }
.animated2{transition:all .6s; -webkit-transition:all .6s; }
.animated3{transition:all 1s; -webkit-transition:all 1s; }

.m_title{padding: 30px 0; line-height: 26px; text-align: center; font-size: 22px; color: #039; font-weight: bold;}
.m_title span{display: block; color: #9cf; font-size: 16px; text-transform: uppercase;}

.pro_center{padding-bottom: 30px;}

.mid_news{height: 295px; padding-top: 117px; background: url(../images/bg_midnews.jpg) left top no-repeat;color: #fff; }
.mid_news h1{width: 180px; line-height: 28px; font-size: 32px; margin-left: 330px;}
.mid_news h1 span{display: block; font-size: 14px; text-transform: uppercase; }
.mid_news .text_box{width: 563px;}
.mid_news .text_box p{height: 180px; overflow: hidden;}

.hot_pro{height: 545px; background: url(../images/bg_hot.jpg) center top no-repeat;}
.picScroll-left{ width: 100%; overflow: hidden;}
.picScroll-left .bd ul{overflow: hidden;}
.scroll_left .bd ul li,.picScroll-left .bd li{float: left; height: 328px; width: 288px; margin-right: 18px;}
.scroll_left .bd ul li .u_img,.picScroll-left .bd li .u_img{display: block; overflow: hidden; width: 288px; height: 184px;}
.scroll_left .bd ul li img,.picScroll-left .bd li img{width: 100%;}
.picScroll-left .bd li .text_box{height: 130px; overflow: hidden; padding:14px 23px 0; background: url(../images/bt_text.jpg) left top repeat-y; color: #fff; }
.picScroll-left .bd li .title{line-height: 28px; font-size: 18px; text-align: center; margin-bottom: 20px;} 
.picScroll-left .bd li .title strong{display: block; font-size: 26px;}
.picScroll-left .bd li .text{height: 48px; overflow: hidden;filter:alpha(opacity=0);opacity: 0;}
.picScroll-left .bd li .u_icon{display: block; width: 23px; height: 23px; margin: 0 auto; background: url(../images/icon_more.jpg) 0 0 no-repeat;}
.picScroll-left .bd li a:hover .u_img{margin-top: -20px;}
.picScroll-left .bd li a:hover .text_box{background: url(../images/bt_text2.jpg) left top no-repeat; padding-top: 34px; margin-top: -20px; height: 150px;}
.picScroll-left .bd li a:hover .u_icon{transform:scale(0);-webkit-transform:scale(0); filter:alpha(opacity=0);opacity:0;}
.picScroll-left .bd li a:hover .text{margin-top: -23px; filter:alpha(opacity=100);opacity:1;}
.picScroll-left .btn{position: absolute; top: 50%; margin-top: -29px; display: block; width: 40px; height: 58px; background: url(../images/btn_scroll.png) left top no-repeat; z-index: 9999;}
.picScroll-left .prev{left: 0;}
.picScroll-left .next{right: 0; background-position: right top;}

.pro_case{padding-bottom: 50px;}
.scroll_left{height: 340px;margin-top: -20px; width: 1200px; overflow: hidden;}
.scroll_left .bd ul{ overflow: hidden;}
.scroll_left .bd ul li{margin-right: 14px; height: 286px; padding: 27px 0; overflow: hidden;}
.scroll_left .bd ul li .u_img{height: 240px;} 
.scroll_left .bd ul li h1{height: 46px; line-height: 46px; background: url(../images/bg_scrolltext.jpg) left top repeat-x; box-shadow: 0 0 5px rgba(0,0,0,.3); color: #039; font-size: 16px; overflow: hidden; text-indent: 10px;}
.scroll_left .bd ul li a{display: block; height: 286px;}
.scroll_left .bd ul li a:hover{height: 340px;}
.scroll_left .bd ul li a:hover .u_img{width: 353px; height: 294px; margin:-27px 0 0 -27px;}

.service{padding-bottom: 35px; background: url(../images/bg_news.jpg) center top repeat-y;}
.service .m_title span{color: #fff;}

.service_list{overflow: hidden;}
.service_list ul{width: 1215px;}
.service_list ul li{float: left; width: 390px; margin-right: 15px;}
.service_list ul li a{overflow: hidden; display: block; border: 1px solid #fff; padding: 18px 10px;}
.service_list ul li .text_box{width: 252px;}
.service_list ul li h1{height: 29px; line-height: 35px; overflow: hidden; font-size: 16px; color: #33b5ff; }
.service_list ul li .text{color: #fff; height: 72px; overflow: hidden;}
.service_list ul li a:hover{background: #ededef; border: 2px solid #33b5ff; padding: 17px 9px;}
.service_list ul li a:hover h1{color: #036;}
.service_list ul li a:hover .text{color: #666;}
.service .look_more{margin: 30px auto 0;}

.news_center{background: #ededef;}
.news_center .over_box{overflow: hidden;}

.slideBox{ width:590px; height:315px; overflow:hidden; position:relative;}
.slideBox .hd{overflow:hidden; position:absolute; right:5px; bottom:10px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:10px;  width:25px; height:25px; line-height:25px; text-align:center; background:#036; cursor:pointer; color: #fff; font-family: Arial; font-size: 14px;}
.slideBox .hd ul li.on{ background:#33b5ff;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd li a{display: block; position: relative;}
.slideBox .bd li .text{height: 46px; line-height: 46px; text-indent: 10px; font-size: 16px; color: #fff; background: rgba(0,0,0,.5); position: absolute; left: 0; bottom: 0; width: 100%; z-index: 10;}
.slideBox .bd img{ width:590px; height:315px; display:block;  }

.news_center{padding-bottom: 30px;}
.news_center .r_news{width: 584px; margin-right: 6px;}
.news_center .r_news li{height: 29px; line-height: 29px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; font-size: 14px; color: #666;}
.news_center .r_news li a{color: #666;}
.news_center .r_news li a:hover{color: #33b5ff;}
.news_center .r_news li .u_time{font-size: 12px; margin-left: 10px;}
.news_center .r_news li .num{display: inline-block; *display: block; *zoom: 1; width: 18px; line-height: 18px; height: 18px; background: #33b5ff; color: #fff; text-align: center; margin-right: 10px; font-family: Arial;}

.bot_con .u_bg{overflow: hidden; height: 255px; padding: 13px; background: url(../images/bg_agent.jpg) center top no-repeat;}
.bot_con .u_bg .text{width: 719px; font-size: 14px; color: #666;}
.bot_con .u_bg .text p{line-height: 32px; height: 192px; overflow: hidden; margin-top: -8px;}
.bot_con .u_bg .u_img{display: block; overflow: hidden; width: 433px; height: 227px;}
.bot_con .u_bg .u_img img{width: 100%;}
.bot_con .u_bg .look_more{margin:6px 0 0;}

.footer{height: 238px; margin-top: 30px; background: url(../images/bg_footer.jpg) left top repeat-x; text-align: center;}
.footer .bot_nav{height: 51px; line-height: 51px; color: #000;}
.footer .bot_nav a{margin: 0 35px 0 37px; font-size: 14px; color: #fff; }
.footer .bot_nav a:hover{text-decoration: underline;}
.footer .bot_tip{padding: 25px 0 0; overflow: hidden; color: #ccc;}
.footer .logo{margin-top: 13px;}
.footer .logo h1{font-size: 22px; letter-spacing:1px;}
.footer .logo h1 span{letter-spacing: 0;}
.footer .link{line-height: 22px; width: 300px; margin:15px 0 0 210px; text-align: left;}
.footer .erweima{margin-right: 55px; width: 120px; overflow: hidden;}
.footer .erweima span{ line-height: 13px; display: block; width: 12px; padding: 0 10px;}
.footer .erweima img{display: block; margin-top: 5px;}
.footer .copy_right{height: 48px; line-height: 48px; color: #ccc; text-align: center;}

.m_client{position: fixed; right: 0; top: 50%; margin-top: -195px; z-index: 999999;}
.m_client ul{width: 71px;}
.m_client li{overflow: hidden; height: 61px; margin-bottom: 5px; background: #036; padding: 6px 5px; border-radius: 50px 0 0 50px; width: 66px;}
.m_client li h1{font-size: 28px; color: #fff; line-height: 61px; float: left; margin-left: 15px;}
.m_client li .bdsharebuttonbox{padding: 16px 0 0 0; margin-left: 10px; float: left; width: 140px;}
.m_client .child-1{width: 291px;}
.m_client .child-4{width: 211px;}
.m_client li .u_icon{display: block; width: 61px; height: 61px; background: url(../images/icon_client.png) left top no-repeat; float: left;}
.m_client .child-2 .u_icon{background-position: left -61px;}
.m_client .child-3 .u_icon{background-position: left -122px;}
.m_client .child-4 .u_icon{background-position: left -183px;}
.m_client .child-5 .u_icon{background-position: left -244px;}


/**************** 工程案例 *****************/
.main_con{padding-top: 20px; overflow: hidden;}
.main_con .l_column{width: 238px;}
.main_con .r_column{width: 952px;}

.l_nav .title{padding:15px 0 25px 58px; line-height: 28px; color: #fff; background: url(../images/bg_ltitle.jpg) center top no-repeat; font-size: 32px;}
.l_nav .title span{display: block; font-size: 14px; text-transform: uppercase;}


.m-leftmenu{background: #f7f8f9; border: 1px solid #c9c9c9; border-bottom: none;}
.m-leftmenu li{position:relative;*zoom:1;}
.m-leftmenu .fir-a{display:block; position:relative;height:38px;line-height:38px;border-bottom:1px solid #c9c9c9; font-size:16px; color: #999; background: url(../images/bg_lnav.png) 77px center no-repeat; font-weight: bold; padding-left: 90px;}
.m-leftmenu .sec-ul {height: 0; overflow: hidden;}
.m-leftmenu .sec-ul a{padding-left: 90px; display:block; height:26px;line-height:26px;color:#666;border-bottom:1px solid #c9c9c9;font-size:12px;}
.m-leftmenu .fir-a:hover,
.m-leftmenu .current .fir-a{color: #0294e7; background: url(../images/bg_lnav2.png) 77px center no-repeat; }
.m-leftmenu .sec-ul a:hover{color: #0294e7;}

.l_link a{display: block; margin-top: 10px;}

.return{height: 34px; line-height: 30px; overflow: hidden; border-bottom: 2px solid #0294e7;}
.return strong{font-size: 20px; color: #0294e7;}
.return span{padding-left: 36px; background: url(../images/bg_return.jpg) left center no-repeat; color: #666;}
.return span i{font-style: normal; color: #0294e7;}
.return span a{color: #666;}
.return span a:hover{text-decoration: underline;}

.m_bg{overflow: hidden; padding: 9px 9px 20px; background: #f7f8f9; border: 1px solid #c9c9c9; border-top: none;}

.case_page{overflow: hidden; width: 940px;}
.case_page li{float: left; width: 225px; margin: 0 10px 14px 0; text-align: center;}
.case_page li a{display: block; border: 1px solid #e5e5e5; color: #666;}
.case_page li .u_img{display: block; overflow: hidden; width: 223px; height: 146px; border-bottom: 1px solid #e5e5e5; background: #fff;}
.case_page li img{width: 100%;}
.case_page li .text{font-size: 14px; height: 31px; line-height: 31px;}
.case_page li a:hover{border-color: #0294e7; }
.case_page li a:hover .u_img{border-color: #0294e7;  filter:alpha(opacity=80);opacity:.8;}
.case_page li a:hover .text{background: #0294e7; color: #fff;}

/***************** 新闻中心 *********************/
.sub-news-imgtext{}
.sub-news-imgtext li{position:relative;padding:15px 10px;border-bottom:1px dashed #e5e5e5;*zoom:1;}
.sub-news-imgtext li a:hover,.sub-news-imgtext li a:hover span{color:#0294e7;}
.sub-news-imgtext li:after{content:".";display:block;visibility:hidden;height:0;clear:both;}
.sub-news-imgtext li .u-img{float:left;display:block;width:150px;height:105px;margin-right:15px;overflow:hidden;}
.sub-news-imgtext li .u-img img{width: 100%;}
.sub-news-imgtext li.hover,.sub-news-imgtext li:hover{background:#f1f1f1;}
.sub-news-imgtext li.hover .u-border,.sub-news-imgtext li:hover .u-border{}
.sub-news-imgtext li h4{text-align:left;font-size:16px;margin-bottom:5px;}
.sub-news-imgtext li h4 .u-time{float:right;color:#333;font-weight:normal;font-size: 12px;}
.sub-news-imgtext li p{text-indent: 2em; color:#666;line-height:20px;height:60px;overflow:hidden;text-align:justify;font-size: 14px;}
.sub-news-imgtext li p a{color:#0294e7;}

/***************** 详情页 *********************/
.sub-share{padding:10px 0;color:#999;line-height:30px;}
.sub-share .bdsharebuttonbox{width:200px;float:right;}
.sub-share .bdsharebuttonbox a{color:#333;}
/*分享到E*/

/*新闻详细S*/
.news-detail{line-height:2;}
.news-detail h1{padding:5px 0;text-align:center;font-size:24px;}
.news-detail .detail-time{position:relative;text-align:center;font-size:12px;padding:5px 0;}
.news-detail .detail-user{text-align:center;padding:5px 0;margin-bottom:10px;}
.news-detail .detail-share{padding:5px 0;text-align:right}
.news-detail .detail-img{position:relative;text-align:center;padding:10px 0;}
.news-detail .detail-img img{max-width:100%;_width: expression((documentElement.clientWidth > 740) ? "auto" : "740px" );}
.news-detail .detail-img .debtn-prev,.news-detail .detail-img .debtn-next{position:absolute;top:50%;margin-top:-44px;display:block;_display:none;width:54px;height:87px;background:url(../images/pic-debtn.gif) no-repeat;z-index:11;filter:alpha(opacity=30);opacity: 0.3;-moz-opacity:0.3;-khtml-opacity: 0.3;}
.news-detail .detail-img .debtn-prev:hover,.news-detail .detail-img .debtn-next:hover{filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;-khtml-opacity: 0.8;}
.news-detail .detail-img .debtn-prev{left:0;background-position:left 0;}
.news-detail .detail-img .debtn-next{right:0;background-position:right 0;}
.news-detail .detail-con{text-align:justify;padding:10px;line-height:24px;font-size: 14px;}
/*新闻详细E*/

/*上一页下一页S*/
.detail-page{margin-top:15px;padding:10px;border-top:1px solid #eee;}
.detail-page .page-text{width:48%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size: 14px;}
.detail-page .right{text-align:right;}
.detail-page .page-text a{}
.detail-page .page-text a:hover{color:#0294e7}

/***************** 单页 *********************/
.sub-content{padding:0 10px 20px 10px;text-align:justify;line-height:24px;}
.sub-content img{max-width:100%;_width: expression((documentElement.clientWidth < 700) ? "" : "100%" ); margin-bottom: 15px;}
.sub-content h1{color:#000;margin-bottom:20px;padding:10px 0;text-align:center;font-size:18px;font-weight:normal;}
.sub-content h1 p{text-align:center;font-size:12px;}
.sub-content p{font-size:14px;color:#333;}
.sub-content #platform img{max-width:none;_width: none;}

/***************** 在线留言 ************/
.sub-message{padding:50px 30px;color:#333;font-family:"microsoft yahei";}
.sub-message .m-textimg{font-size:14px;margin-bottom:20px;line-height:24px;}
.sub-message .m-textimg img{float:left;margin-right:15px;}
.sub-message i{font-style:normal;display:inline-block;*display:inline;*zoom:1;padding-right:5px;color:#F00}
.sub-message .m-tage{padding:5px 0;}
.sub-message .m-form{padding:10px;margin-bottom:10px;}
.sub-message table{width:100%;}
.sub-message .m-form table td{padding:7px 0;}
.sub-message label{display:inline-block;width:80px;height:30px;line-height:30px;text-align:right;position:relative;top:-1px;}
.sub-message .m-form table input{width:60%;height:28px;line-height:28px;padding-left:5px;vertical-align: middle;}
.sub-message .m-form .td-textarea{vertical-align: middle;width:60%;}
.sub-message .m-form .td-textarea label{float:left;}
.sub-message .m-form .td-textarea textarea{width:70%;height:168px;padding:5px;}
.sub-message .m-submit{text-align:right;vertical-align: top;}
.sub-message .m-submit img{margin-left:5px;vertical-align:top;}
.sub-message .m-submit .btn{width:80px;height:28px;line-height:24px;margin:0;margin-left:5px;border:none;font-family:"microsoft yahei";cursor:pointer;font-size:14px;}
.sub-message .m-submit .btn:hover{filter:alpha(opacity=90);opacity: 0.9;-moz-opacity:0.9;-khtml-opacity: 0.9;}
.sub-message .m-submit input{vertical-align:top;height:24px;line-height:24px;margin:0;width:80px;cursor:auto;padding-left:5px;}
.sub-message .m-submit input,
.sub-message .m-form table input,
.sub-message .m-form .td-textarea textarea{border:1px solid #E1E1E1;}
.sub-message .m-form{border:1px solid #e0e0e0;background:#f5f3f3;}
.sub-message .m-submit .btn{color:#fff;background:#0294e7;}

/***************** 案例详情 ************/
.case_name{overflow: hidden; border-bottom: 1px dashed #e5e5e5;}
.case_detail .text_box{overflow: hidden;}
.case_detail .l_text{height: 54px; line-height: 54px; display: block; font-size: 16px; width: 100px;}
.case_detail .r_text{width: 821px; margin-top: 16px;}
.case_detail .r_text p{font-size: 14px; color: #666; text-indent: 2em;}
.case_detail .r_text h1{height: 29px; line-height: 29px; font-size: 14px; }
.case_detail .r_text h1 span{width: 18px; height: 18px; line-height: 18px; display: inline-block;*display: block; *zoom: 1; text-align: center; color: #fff; background: url(../images/bg_num.png) 0 0 no-repeat; font-size: 12px; margin-right: 5px;}
.case_detail .r_text img{max-width: 100%	;}
.case_detail .detail-page{margin: 30px 30px 0; border-top: 1px dashed #b4b4b4;}